﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxFormLayout#tabs">
    <CodeSnippetTabPage Text="Razor">@(@" <DxFormLayout>
    <DxFormLayoutTabPages>
        <DxFormLayoutTabPage Caption=""Personal Information"">
            <DxFormLayoutItem Caption=""First Name:"" ColSpanMd=""6"" >
                <Template>
                    <DxTextBox @bind-Text=""@FirstName""></DxTextBox>
                </Template>
            </DxFormLayoutItem>

            <DxFormLayoutItem Caption=""Last Name:"" ColSpanMd=""6"">
                <Template>
                    <DxTextBox @bind-Text=""@LastName""></DxTextBox>
                </Template>
            </DxFormLayoutItem>

            <DxFormLayoutItem Caption=""Birth Date:"" ColSpanMd=""6"">
                <Template>
                    <DxDateEdit @bind-Date=""@BirthDate""></DxDateEdit>
                </Template>
            </DxFormLayoutItem>
        </DxFormLayoutTabPage>

        <DxFormLayoutTabPage Caption=""Work Information"">
            <DxFormLayoutItem Caption=""Position:"" ColSpanMd=""6"">
                <Template>
                    <DxTextBox @bind-Text=""@Position""></DxTextBox>
                </Template>
            </DxFormLayoutItem>
            <DxFormLayoutItem Caption=""Hire Date:"" ColSpanMd=""6"">
                <Template>
                    <DxDateEdit @bind-Date=""@HireDate""></DxDateEdit>
                </Template>
            </DxFormLayoutItem>
            <DxFormLayoutItem Caption=""Notes:"" ColSpanMd=""6"">
                <Template>
                    <DxTextBox @bind-Text=""@Notes""></DxTextBox>
                </Template>
            </DxFormLayoutItem>
        </DxFormLayoutTabPage>
    </DxFormLayoutTabPages>
</DxFormLayout>

@code {
    int ActiveTabIndex { get; set; } = 1;
    string FirstName { get; set; } = ""Nancy"";
    string LastName { get; set; } = ""Davolio"";
    DateTime BirthDate { get; set; } = DateTime.Now.AddYears(-20);
    string Position { get; set; } = ""Sales Representative"";
    DateTime HireDate { get; set; } = DateTime.Now.AddYears(-20);
    string Notes { get; set; } = ""Education includes a BA in psychology."";
}")</CodeSnippetTabPage>
</CodeSnippetTabbed>
